@charset "utf-8";
.menu-list{width:100%;padding :10px 0 0 0;height: 35px;background-color: #ffffff;}
.menu-list li{padding-bottom:4px;float: left;width:33%;text-align: center;border-bottom: 1px solid #f2f2f2; }
.menu-list li a{padding:5px 0 10px 0; height: 30px;line-height: 30px;}
.menu-list li a.selected{color:#111111;border-bottom: 2px solid #111111; }

.coupon-activate-div{height: 40px; line-height: 40px;text-align: right;}
.coupon-activate{font-size: 1.2rem;height: 24px;display: inline-block;line-height: 24px;text-align:center;color:#1c91d4;padding: 0px 6px;margin:8px 10px 0 0;}

.coupon-div .coupon-item:first-child{margin-top:2px;}
.coupon-item{padding:0 8px;position: relative;margin-top:10px;}
.coupon-item .bg-img{width: 100%;height:110px;}
.coupon-item-desc{position: absolute;top:0;left:0;}
.coupon-item-desc .title{padding:7px 0 0 24px;font-size: 1.2rem;}
.coupon-item-desc .bottom{padding:8px 0 0 24px;font-size: 1.2rem;}
.coupon-item-desc .amount{text-align: center;width:88px;font-size: 6.2rem;float: left;color: #fc3063;font-style: italic;line-height: 80px;height: 80px;}
.coupon-item-desc .amount.grey{color: #999999;}
.coupon-item-desc .amount.max{font-size: 4rem;letter-spacing: -1px;}

.unit{font-size: 1.5rem;margin-top: 2px;line-height: 45px;height: 80px;float: left;font-style: oblique;}
.coupon-item-desc .detail{float: left;height: 45px;padding-left: 25px;border-left: 1px solid #666666;margin:15px 0 0  15px;vertical-align: middle;}
.coupon-item-desc .detail .condition{height: 24px;line-height: 24px;}
.coupon-item-desc .detail .condition .italic{font-style: italic;}
.coupon-item-desc .detail .valid-time{margin-top: 4px;}
.coupon-used-img{display:block;position: absolute;top:0px;right:10px;height:60px;z-index: 9;}
.coupon-expired-img{display:block;position: absolute;top:0px;right:10px;height:60px;z-index: 9;}
.left-time{color:#fc3063;}
.expired .coupon-item,.used .coupon-item{color:#666666;}
.expired .coupon-item-desc .detail,.used .coupon-item-desc .detail{display: inline-block;height: 45px;padding-left: 25px;border-left: 1px solid #999999;margin-left: 25px;vertical-align: middle;}

@media (max-device-width: 320px) and  (min-device-width: 320px){
    .coupon-item-desc .title{padding:5px 0 0 20px;font-size: 1.2rem;}
    .coupon-item-desc .bottom{padding:8px 0 0 18px;font-size: 1.2rem;}
    .coupon-item-desc .detail{float: left;height: 45px;padding-left: 15px;border-left: 1px solid #666666;margin: 15px 0 0 10px;vertical-align: middle;}
    .expired .coupon-item-desc .detail,.used .coupon-item-desc .detail{display: inline-block;height: 45px;padding-left: 15px;border-left: 1px solid #999999;margin-left: 15px;vertical-align: middle;}
    .coupon-item-desc .amount.max{font-size: 4.5rem;letter-spacing: -1px;}
}
.no-coupon{text-align: center;margin-top: 80px;}
.no-coupon-img{width:50%;}
.no-coupon-label{text-align: center;margin-top: 20px;color:#666666;}